/* CSS init */
body{ margin : 2px; padding: 2px;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote { margin: 0; padding: 0; }
fieldset, img { border: none; margin: 0; padding: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
tbody td:first-child { text-align: right; white-space:nowrap; }
table { width:100%; border-spacing:0;}
th, td { margin: 0; padding: 2; }
form { display:inline;}

.align-right{ float:right;}
.align-left{ float:left;}
tbody td.align-center{ text-align:center;}
.txt-left { text-align:left; white-space:nowrap; }
.txt-right { text-align:right; white-space:nowrap; }
.hidden { visibility:hidden;}

/* table affect */
tr.tbrow { background-color:White;}
tr.tbrow td{padding:3px 0 3px 0; text-align: left; }
tr.tbrow:hover { background-color:#EEEEEE;}


/* set input box length*/
input { width:expression(this.type=="text"?"150px":"style");}
input { width:expression(this.type=="password"?"150px":"style");}
input[type=text],input[type=password] { width: 150px; }
input.text, input.password { width: 150px;} 

textarea.voicetextarea{ width:300px; height:50px;}
textarea.Sentencetextarea{ width:305px; height:78px;}

/* Bread Crumbs*/
.breadcrumbs {display:block; margin:3px 0 3px 0;}
#agentbclisting {display:none;}

/* User information bar */
.userinfobar { float:right; white-space:nowrap; vertical-align:top;}
#lbClock{ white-space:nowrap; vertical-align:top;}
.logout {padding: 2px 6px 2px 4px; vertical-align:top;}

#content { width:1024px;}
#jsddm { z-index:9999; height:28px;}

/* language global setting */
.zh-tw{ font-size : 12px;}
.en-gb{ font-size : 11px;}

/* dialog setting */
#dialog{ display:none; visibility:visible; width:450px;}
.dialogwithouttitle .ui-dialog-titlebar { display: none; }
.dialogwithouttitle .ui-dialog-buttonpane { border-width: 0 0 0 0; }
.dialogwithouttitle .ui-button-text{ padding:0px 5px 0px 5px;}
.dialogwithouttitle .ui-widget{ font-size:14px;}

/*Verify image setting */
#imgVerify{border: 1px solid #999999; width:60px; height:20px; margin-bottom:-6px;}


/* Loading */
.loading{ background: url(/CDN/Images/common/loading.gif) center center no-repeat;position: absolute; left:0; top:0; width:100%; height:100%; z-index:999; background-color:#EEEEEE;filter:alpha(opacity=50);opacity:0.5;zoom:1;}

/* Cover all page*/
.action-popup-cover { 
    position: absolute;
    background-color:#000;
    top:0;
    left:0;
    width:100%;
    height:100%; 
    filter:Alpha(Opacity=50, FinishOpacity=50, Style=2); /* IE */
    -moz-opacity:0.5; /* Moz + FF */
    opacity:0.5; /* CSS3 */
}

/* Popup window setting*/
.MsgCloseIcon { position:relative; float:right; top: 3px; left: -3px; }
#popup-div{ background:#FFFFFF; border: 1px solid #666666; text-align:center;}
#popup-div .title{ background:#D0F0FF; margin:3px; display:block; text-align:left; padding:0 3px 3px 3px;}
#popup-div iframe{ width:100%; }

/* icon action*/
.action{border:0;margin-right:5px;padding:0px;float:left; padding:0px;}
.action-li{ width:18px; height:17px; float:left; margin-right:3px;}

/* Over write jQuery UI for button*/
.ui-icon { display:inline-block;}
.ui-button-text-icon-primary .ui-button-text{ padding: 2px 2px 2px 25px; margin-right:5px;}
button > span.ui-icon{ left: 3px;}


/*Form elem length*/
.width100{width:100%;}
.rightP5{ padding-right:5px;}

/* bet order */
#orderform{ position:absolute; background:#FFFFFF; border: 1px solid #666666;  }
#priceask{ width:90px; }
.closeorder{ margin:13px 0 0 3px;}
#sendorder{ vertical-align:top; text-decoration: none;}

/* Agent behivor */
.AgProdPrice input[type=text]{ width:30px; text-align:right; line-height:10px;}

/* Report */
.dayrange{ margin: 2px 2px 2px 2px; padding: 0px 2px 2px 2px;}

/*Announcement*/
.announcementbar{ background-color:#F0F0F0; height:20px; margin:0 3px 3px 0;}

/**** JS affect Start ***************************************/
/* Highlight textbox when focus */
input.textbox-highlight, .txt-input:hover, .amt-input:hover, .m-input-box:hover, .s-input-box:hover, input.val-changed , textarea.val-changed { background-color:#fff6aa; border-color: green; -webkit-box-shadow: inset 1px 1px 1px 1px #ddd; -moz-box-shadow: inset 1px 1px 1px 1px #ddd; box-shadow: inset 1px 1px 1px 1px #ddd; }

/**** JS affect END *****************************************/
